<template>
  <div>
    <div>
        点击更新子组件
    </div>
    <div>
        {{message}}
    </div>
  </div>
</template>

<script setup>
import {defineExpose,ref } from 'vue';
//定义子组件的变量,响应式数据
let message = ref("初始数据");
//定义组件的方法
const clickBtn = (data) =>{
    message.value = data;
}
// 使用 defineExpose 暴露子组件的方法
defineExpose({
    clickBtn
})

</script>

<style lang="sass" scoped>

</style>